<div *ngIf="store.currentStory.Expresses.length===0">
    表达列表，请添加
</div>

<d-panel [type]="'primary'" [isCollapsed]="this.store.currentEntity===item" [showAnimation]="true" *ngFor="let item of store.currentStory.Expresses" (click)="select(item,'express')">
    <d-panel-header>
        {{item.Name}}

    </d-panel-header>
    <d-panel-body>
        <div>
            <d-panel [type]="'primary'" [showAnimation]="true" [isCollapsed]="currentExpand.audience">
                <d-panel-header (click)="active('Audience')">
                    观众/Audiences
                    <d-button bsStyle="text-dark" title="add" (click)="add(item,'Audience')"><span style="font-size: x-large;vertical-align:middle;">+</span>
                    </d-button>

                </d-panel-header>
                <d-panel-body>
                    <div class="listitem" *ngFor="let audience of item.Audiences" dDraggable>
                        {{audience.AudienceType}}
                    </div>
                </d-panel-body>
            </d-panel>
            <d-panel [type]="'primary'" [showAnimation]="true" [isCollapsed]="currentExpand.episode">
                <d-panel-header (click)="active('Episode')">
                    单元/Episodes
                    <d-button bsStyle="text-dark" title="add" (click)="add(item,'Episode')"><span style="font-size: x-large;vertical-align:middle;">+</span>
                    </d-button>

                </d-panel-header>
                <d-panel-body>
                    <div class="listitem" *ngFor="let spisode of item.Episodes">
                        {{item.Name}}
                    </div>
                </d-panel-body>
            </d-panel>
            <d-panel [type]="'primary'" [showAnimation]="true" [isCollapsed]="currentExpand.scene">
                <d-panel-header (click)="active('Scene')">
                    场景/Scenes
                    <d-button bsStyle="text-dark" title="add" (click)="add(item,'Scene')"><span style="font-size: x-large;vertical-align:middle;">+</span>
                    </d-button>

                </d-panel-header>
                <d-panel-body>
                    <div class="listitem" *ngFor="let scene of item.Scenes">
                        {{scene.SceneNumber}} {{scene.Description}}
                    </div>
                </d-panel-body>
            </d-panel>



        </div>
    </d-panel-body>
</d-panel>